import React, { Component } from 'react'
import './index.css'
export default class categoryDetail extends Component {
    constructor (props) {
        super(props) 
        this.state = {
            list:props.list
        }
    }
    render() {
        return (
            <div>
                {
                    this.state.list.map(item =>{
                        return <section className="second-and-third-list" key={item.id}>
                            <h1>{item.title}</h1>
                            <aside className="list-flex-wrap">
                                {item.netlist.map(netItem =>{
                                    return <figure className="flex-item" key={netItem.dId}>
                                        <div  className="img-cover">
                                            <img alt="-" src={netItem.images} lazy="loaded"/>
                                        </div>
                                        <figcaption  className=" text-ellipsis">{netItem.name}</figcaption>
                                    </figure>
                                })}
                            </aside>
                        </section>
                    })
                }
        </div>
        )
    }
}
